body.theme-light {
  --el-color-primary: var(--primary-color);
  --el-color-primary-light-3: var(--primary-color-3);
  --el-color-primary-light-5: var(--primary-color-5);
  --el-color-primary-light-7: var(--primary-color-7);
  --el-color-primary-light-8: var(--primary-color-8);
  --el-color-primary-light-9: var(--primary-color-9);
  // 按钮
  .el-button {
    --el-button-hover-bg-color: var(--primary-color-reverse);
    --el-button-active-bg-color: var(--primary-color-reverse);
  }
  .el-button--primary {
    --el-button-bg-color: var(--primary-color);
    --el-button-text-color: var(--primary-color-reverse);
    --el-button-border-color: var(--primary-color);
    --el-button-hover-text-color: var(--primary-color-reverse);
    --el-button-hover-bg-color: var(--primary-color-3);
    --el-button-hover-border-color: var(--primary-color-3);
    --el-button-active-border-color: var(--input-border-color);
    --el-button-active-color: var(--primary-color-5);
    --el-button-active-bg-color: var(--primary-color-5);
  }
  // 重点按钮
  .el-button--important {
    --el-button-bg-color: var(--primary-color-match-1);
    --el-button-border-color: var(--primary-color-match-1);
    --el-button-hover-text-color: var(--font-color);
    --el-button-hover-bg-color: var(--primary-color-match-1);
    --el-button-hover-border-color: var(--primary-color-match-1);
    --el-button-active-border-color: var(--primary-color-match-1-transition);
    --el-button-active-color: var(--primary-color-match-1);
    --el-button-active-bg-color: var(--primary-color-match-1-transition);
    --el-button-disabled-bg-color: var(--primary-color-match-1-transition);
    --el-button-disabled-border-color: var(--primary-color-match-1-transition);
    --el-disabled-text-color: var(--font-color);
    font-weight: bold;
  }
  // 重点按钮2
  .el-button--important2 {
    --el-button-text-color: var(--color-light);
    --el-button-bg-color: var(--primary-color-match-2);
    --el-button-border-color: var(--primary-color-match-2);
    --el-button-hover-text-color: var(--color-light);
    --el-button-hover-bg-color: var(--primary-color-match-2-light1);
    --el-button-hover-border-color: var(--primary-color-match-2-light1);
    --el-button-active-border-color: var(--primary-color-match-2-light1);
    --el-button-active-color: var(--primary-color-match-2-light1);
    --el-button-active-bg-color: var(--primary-color-match-2-light1);
    --el-button-disabled-bg-color: var(--primary-color-match-2-transition);
    --el-button-disabled-border-color: var(--primary-color-match-2-transition);
    --el-disabled-text-color: var(--color-light);
    font-weight: bold;
  }
  // 危险按钮
  .el-button--danger {
    --el-button-hover-bg-color: var(--color-danger);
  }
  // 表格
  .el-table {
    .table-column-sortable {
      width: 25px;
      .cell {
        padding: 0;
      }
    }
  }
  // 输入框
  .el-input, .el-textarea {
    --el-input-focus-border-color: var(--input-border-color);
  }
  // 下拉框
  .el-select {
    --el-select-input-focus-border-color: var(--input-border-color);
  }
  // 表单
  .el-form {
    .el-form-item {
      flex-direction: column;
      .el-form-item__label {
        justify-content: flex-start;
      }
    }
  }
  // 分页
  .el-pagination {
    --el-pagination-hover-color: var(--primary-color);
  }
}
